<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<!-- form 基本用不上他的功能 我们只用表单项进行布局  使用js来实现功能-->
	<form action="">
		<!-- label 无特殊含义 包裹文字 -->
		<label for="">用户名：</label><input type="text"><br>
		<!-- br 换行 -->
		密  码：<input type="password"><br>
		<!-- password 用户不可见 -->
		性  别：<input type="radio" name="sex">男 <input type="radio" name="sex">女<br>
		<!-- radio 单选 -->
		爱好: <input type="checkbox">篮球<input type="checkbox">足球<input type="checkbox">桌球<br>
		<!-- checkbox 多选 -->
		地址: <select name="" id="">
				<option value="">长春</option>
				<option value="">青岛</option>
			</select> <br>
		备注：<textarea name="" id="" cols="30" rows="10"></textarea><br>
		<!-- textarea 文本域 -->
		<input type="button" value="普通按钮"><br>
		<!-- button 在form表单里面有提交的功能 -->
		<button>123</button>
		<input type="submit">
		<!-- 提交按钮 -->
		<input type="reset">
		<!-- 重置按钮 -->

	</form>
	
</body>
</html>